<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <link rel="stylesheet" href="./css/mine.css">
</head>
<body>
    <!-- 头部 -->
    <header>
            <!-- 最顶部 -->
       <div class="h_top">
       <div class="h_top1">
            <!-- 返回按钮 -->
        <a href="#"><div>Back</div></a>
        <span>我的</span>
      <!-- 邮箱 -->
        <a href="#">
            <img src="./images/mine/邮箱.png" alt="">
        </a>
       </div>
    </div>

    <!-- 头像登陆 -->
    <div class="h_land">
        <a href="#">
            <img src="./images/mine/头像.png" alt="">
        </a>
        <div class="h_land1">
            <div>
            <a href="#">点击登陆</a>
            <span>常居地未设置</span>
            </div>
            <a href="#">
                <img src="./images/mine/大于号.png" alt="">
            </a>
        </div>
        
    </div>
    </header>

    <!-- 内容 -->
    <main>
         <!-- 我的 -->
         <div class="m_my">
            <div class="m_my1">
                <a href="#">
                    <img src="./images/mine/我的点评.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/mine/我的收藏.png" alt="">
                </a>
                <a href="#">
                    <img src="./images/mine/我的优惠券.png" alt="">
                </a>
            </div>
        </div>

        <!-- 我的钱包~我的足迹 -->
    <div class="m_bigbox">       
                <!-- 我的钱包 -->
                <div class="m_mm">
                    <div class="m_mm1">
                        <div>
                            <img src="./images/mine/钱包.png" alt="">
                            <a href="#">我的钱包</a>
                        </div>
                        <div>
                            <a href="#">更多</a>
                            <img src="./images/mine/箭头.png" alt="">
                        </div>
                    </div>
                </div>
        
                <!-- 待点评 -->
                 <div class="m_mco">
                    <div class="m_mco1">
                        <div>
                            <img src="./images/mine/待点评.png" alt="">
                            <a href="#">待点评&nbsp;&nbsp;&nbsp;</a>
                        </div>
                        <div>
                            <a href="#">更多</a>
                            <img src="./images/mine/箭头.png" alt="">
                        </div>
                    </div>
                </div>
        
                <!-- 找好友 -->
                <div class="m_mf">
                    <div class="m_mf1">
                        <div>
                            <img src="./images/mine/找好友.png" alt="">
                            <a href="#">找好友&nbsp;&nbsp;&nbsp;</a>
                        </div>
                        <div>
                            <a href="#">更多</a>
                            <img src="./images/mine/箭头.png" alt="">
                        </div>
                    </div>
                </div>
        
                <!-- 我的足迹 -->
                <div class="m_mt">
                    <div class="m_mt1">
                        <div>
                            <img src="./images/mine/我的足迹.png" alt="">
                            <a href="#">我的足迹</a>
                        </div>
                        <div>
                            <a href="#">更多</a>
                            <img src="./images/mine/箭头.png" alt="">
                        </div>
                    </div>
                </div>
    </div>

        <!-- 设置-联系 -->
        <div class="m_bigbox2">
            <!-- 设置 -->
            <div class="m_set">
                <div class="m_set1">
                    <div>
                        <img src="./images/mine/设置.png" alt="">
                        <a href="#">设置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
                    </div>
                    <div>
                        <a href="#">更多</a>
                        <img src="./images/mine/箭头.png" alt="">
                    </div>
                </div>
            </div>

            <!-- 联系 -->
            <div class="m_tel">
                <div class="m_tel1">
                    <div>
                        <img src="./images/mine/联系.png" alt="">
                        <a href="#">联系&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
                    </div>
                    <div>
                        <a href="#">更多</a>
                        <img src="./images/mine/箭头.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <!-- 退出-注销 -->
        <div class="m_bigbox3">
            <div class="m_out">
                <div class="m_out1">
                    <a href="#">
                        <span>
                            退出
                        </span>
                    </a>
                    <a href="#">
                        <span>
                            注销
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </main>

    <!-- 底部导航栏 -->
    <nav>
        <div class="f_nav">
            <div>
                <a href="./首页.html">
                    <img src="./images/mine/导航1.png" alt="">
                </a>
                <a href="./首页.html">首页</a>
            </div>
            <div>
                <a href="./分类.html">
                    <img src="./images/mine/导航栏2.png" alt="">
                </a>
                <a href="./分类.html">分类</a>
            </div>
            <div>
                <a href="./发现.html">
                    <img src="/images/mine/导航栏3.png" alt="">
                </a>
                <a href="./发现.html">发现</a>
            </div>
            <div>
                <a href="#">
                    <img src="./images/mine/导航栏4.png" alt="">
                </a>
                <a href="#">我的</a>
            </div>
        </div>
    </nav>
</body>
</html>